<!--
 * @Author: your name
 * @Date: 2020-07-28 21:27:28
 * @LastEditTime: 2020-08-06 11:47:44
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \H52002-VueMobile-accp\honeybud\src\views\home\cart.vue
-->
<template>
<div class="cart">
    <h3>购物车</h3>
   <van-empty  class="custom-image"
  image="http://img11.360buyimg.com/jdphoto/s180x180_jfs/t18163/292/540553659/74408/adeb7463/5a93c51cN3bb5e37b.png" description="你的购物车还没有商品,快去挑选吧!">
  <van-button round type="danger" @click="choose" class="bottom-button">
    去挑选好货
  </van-button>
</van-empty>
</div>
</template>

<script>
    export default {
        methods: {
          choose() {
            this.$router.push('/')
          }
        },
    }
</script>

<style lang="stylus" scoped>
  .cart{
    position absolute
    left 0
    top 0
    width 100%
  }
    h3{
        padding  0.07rem
        text-align center
        font-weight: normal;
        font-size  0.20rem
        color #666
        border-bottom 1px #eee solid 
    }
    .custom-image .van-empty__image {
    width 0.9rem
    height 0.9rem
    } 
     .bottom-button{
     width 1.6rem
     height 0.4rem
     } 
   
  
</style>